.#{$ns}TextareaControl {
  border: 1px solid $Form-input-borderColor;
  border-radius: $Form-input-borderRadius;
  line-height: $Form-input-lineHeight;
  background: $Form-input-bg;
  padding: px2rem(6px)
    (
      $Form-input-height - $Form-input-lineHeight * $Form-input-fontSize -
        px2rem(2px)
    );
  font-size: $Form-input-fontSize;
  outline: none;
  resize: none;
  display: block;
  width: 100%;

  &.is-error {
    border-color: $Form-input-onError-borderColor;
  }

  &:focus,
  &.is-focused {
    border-color: $Form-input-onFocused-borderColor;
    box-shadow: $Form-input-boxShadow;
  }

  &.is-disabled,
  &[disabled] {
    background: $gray200;
    color: $text--muted-color;
  }
}
